.form-style-font {
  display: flex;
  .el-checkbox-button {
    width: 40px;
    padding-left: 0;
    padding-top: 0;
  }
}

.form-style-font {
  
  .el-dropdown {
    .el-button {
      background-color: $bg-color-l1 !important;
      border: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      color: #595959 !important;
      &:hover {
        color: #fff !important;
      }
    }
  }
  
  .el-checkbox-group {
    .el-checkbox-button {
      label {
        width: 40px;
      }
    }
    .el-checkbox-button__inner {
      background-color: $bg-color-l1;
      border: none;
    }
    .is-checked {
      .el-checkbox-button__inner {
        &:hover {
          color: #fff !important;
        }
      }
    }
  }
  
}

.form-style-build {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-style-color {
  display: flex;
  align-items: center;
  min-width: 130px;
  &-text {
    color: $text-color-secondary;
  }
  &-reset {
    color: $color-main;
    cursor: pointer;
    display: inline-block;
    margin-left: 13px;
    margin-right: 8px;
  }
}

.form-style-build-color {
  justify-content: flex-end;
}

.form-style-build-font {
  justify-content: space-between;
}